<ui:composition xmlns="http://www.w3.org/1999/xhtml"
                xmlns:f="http://java.sun.com/jsf/core"
                xmlns:h="http://java.sun.com/jsf/html"
                xmlns:ui="http://java.sun.com/jsf/facelets"
                xmlns:p="http://primefaces.org/ui"
                template="/WEB-INF/template.xhtml">
    <ui:define name="content">
        <div class="other-pages-box Container40 Responsive50 MarAuto Fnone TexAlCenter ShadowGray MarTop10" style="margin-top:5%; background-image:url(#{resource['spark-layout:images/loginpageillust.svg']}); background-repeat:no-repeat; background-position:center; background-size:cover;">
            <div class="Container90 Fnone MarAuto TexAlCenter">
                <div class="EmptyBox50"/>
                <img src="#{resource['spark-layout:images/error-face.svg']}" class="MarAuto MarTop20 Wid30" />
                <span class="Fs40 Wid100 DispBlock red">Error</span>
                <span class="Wid100 DispBlock Fs30 red">Exception Occured!</span><br />
                <span class="Wid100 DispBlock Fs18 red">Please contact system administrator.</span>
                <div class="EmptyBox30"/>
                <p:button value="Back to Dashboard"
                          outcome="/dashboard.xhtml"
                          styleClass="Fs16 RedButton"/>
                <div class="EmptyBox50"/>
            </div>
        </div>
    </ui:define>

    <ui:define name="topbar"/>
    <ui:define name="layoutmenu"/>
    <ui:define name="footer"/>
    <ui:define name="widgets"/>
</ui:composition>